<template>
  <div class="ewt-home-banner color-white f-c-tb" :style="{backgroundImage: bannerObj.url}">
    <div class="main-width">
      <h4 class="font-40">{{ bannerObj.title }}</h4>
      <p class="font-20">{{ bannerObj.subTit1}}</p>
      <p class="font-20">{{ bannerObj.subTit2}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Banner',
  props: {
    bannerObj: {
      type: Object,
      default: () => {}
    }
  },
  computed: {
  },
  methods: {}
}
</script>

<style lang="scss">
.ewt-home-banner {
  padding-top: 2vw;
  background: #999;
  height: px2vw(380);
  h4 {
    margin-bottom: px2vw(49);
  }
  p {
    margin-bottom: px2vw(10);
  }
}
</style>
